<template functional>
    <a-sub-menu
            :key="props.menuInfo.path"
    >
    <span slot="title">
      <a-icon :type="props.menuInfo.meta.icon" /><span>{{ props.menuInfo.meta.title }}</span>
    </span>
        <template v-for="item in props.menuInfo.children">
            <a-menu-item
                    v-if="!item.children"
                    :key="item.path"
            >
                <a-icon :type="item.meta.icon" />
                <span>{{ item.meta.title }}</span>
                <router-link :to="item.path"/>
            </a-menu-item>
            <sub-menu
                    v-else
                    :key="item.path"
                    :menu-info="item"
            >
            </sub-menu>
        </template>
    </a-sub-menu>
</template>
<script>
    export default {
        props: ['menuInfo'],
        mounted() {
            console.log(menuInfo)
        },
        methods:{
        }
    };
</script>
